<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>浏览器调试</title>
</head>
<style>
	body{
		background: #333;
		color: #fff;
		white-space: pre;
	}
</style>
<body>
	<h2>F12_<small>工欲善其事,必先利其器</small>	</h2><!-- 
	 --><p>
	dock side 位置 独立窗口
	select element
	network 加载的资源 状态 
	elements style中编辑
	+ new style 
	双击 右击编辑 编辑颜色
	图片获取 open link in new tab
	delete 
	鼠标放上的效果... 右键检查... 鼠标不要移动到页面
	js调试 sources调试

	ctrl p 匹配文件
	F8 ctrl+\：执行
	逐步 变量 选中 

	第一个 恢复执行
	
	step f11 ctrl+; 进入
	add to watch ...
	跳出当前方法。
	关闭所有的断点。。。
	breakpoints  remove 断点
	pause 暂停在异常的位置
	ctrl shift F search all files 搜索所有

	后台调试
	pretty print 压缩代码。。。
	回调函数中打断点
	network formdata status..

	事件监听断点

	复制错误提示 搜索...

	手机端调试
	network 
	throtting user agent (系统...)

	more tools => network conditions

	toggle device toolbar -----

	ie...
	firefox 开发者工具 {}...open min code 
	性能分析... 不能模拟真实设备 分辨率之类模拟
</p>
</body>
</html>